<!--
 * @Author: your name
 * @Date: 2021-08-25 16:34:30
 * @LastEditTime: 2021-08-25 18:00:05
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /web-blog/src/pages/dashboard/controlCenter/comprehensiveSettings/index.vue
-->
<template>
  <div>
    <a-card>
      <a-tabs default-active-key="1" @change="callback">
        <a-tab-pane key="1" tab="微信公众号二维码">
          <WxImage/>
        </a-tab-pane>
        <a-tab-pane key="2" tab="微信小程序博客二维码" force-render>
          <AppletsImage/>
        </a-tab-pane>
        <a-tab-pane key="3" tab="技术交流群二维码">
          <GroupImage/>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import WxImage from './wxImage.vue'
import AppletsImage from './appletsImage.vue'
import GroupImage from './groupImage.vue'

export default {  
  components: {
    WxImage,
    AppletsImage,
    GroupImage
  },
  data() {
    return {
      current: ['mail'],
    }
  },
  callback(key) {
      console.log(key);
    },
}
</script>